import React from 'react'
import { Wrapper } from './style'
import {hotCourse} from '@/models/hotCourseType'
interface hotCourseProps{
    hotCourse:hotCourse
}

const HotCourseItem:React.FC<hotCourseProps> = (props) => {
    const {name,desc,picture}=props.hotCourse
    return (
        <Wrapper>
            <div className="course_img_wrapper">
                <img className='course_img' src={picture} alt="" />
            </div>
            <div className="course_desc_wrapper">
                <div className="course_title">{name}</div>
                <div className="course_desc">{desc}</div>
            </div>
        </Wrapper>
    )
}

export default HotCourseItem
